<template>
  <view>
    <view class="recommended-course">
      <recommendedCourseList
        v-for="i in 3"
        :key="i"
        class="item"
      ></recommendedCourseList>
    </view>
  </view>
</template>
<script>
import recommendedCourseList from '@/components/recommended-course-list';
export default {
  components: {
    recommendedCourseList,
  },
};
</script>
<style lang="scss" scoped>
.recommended-course-wrap {
  .recommended-course {
    .item {
      margin-bottom: $spacing-base;
    }
  }
}
</style>